<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js_evnet</title>
	<meta name="author" content="Stark" />
	<!-- Date: 2018-10-15 -->
	<script type="text/javascript">
		
	</script>
</head>
<body>
	<ul>
		<li>sssssssss</li>
		<li>aaaaaaaa</li>
		<li>bbbbbbbbbbb</li>
		<li>vccccccccccc</li>
		<li>dddddddd</li>
		<li>22222222222</li>
		<li>ffffffffffff</li>
	</ul>
	<input type="button" value="点击一下" id="btn"/>
	<script type="text/javascript">
		var btn = document.getElementById("btn");
		// 通过如下方式绑定事件，可以完成事件和HTML的解耦合操作
		// 在开发中通常都是使用这种方式来绑定事件
		// 这个时间的处理函数中默认有一个event的参数，用来获取相应的时间信息
		btn.onclick = function(evnet) {
			// 特别注意：对于IE而言不会自动传递这个event参数进去，需要window.event来获取事件,但FF不支持window.event
			// 所以通常使用如下方式解决
			event = event||window.event;
			alert(event.type);
			// this表示这个按钮对象
			alert(this.value);
		}
	</script>
</body>
</html>

